<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>表格</title>
  <style>
	div {
		width: 620px;
		height: 400px;
		margin: auto;
		padding-top: 10px;
		background: #ddd;
	}
	table {
		width: 600px;
		margin: auto;
		border-collapse: collapse;
		background: #e9effa;
	}
	table,td,th {
		border: 1px solid #fff;
	}
	table th {
		background: #8292c8;
	}
	table td {
		height: 30px;
		line-height: 22px;
	}
	table .top {
		background: #a7cbf3;
		
	}
	table .title {
		text-align: center;
	}
  </style>
 </head>
 <body>
	<div>
		<table>
			<tr>
				<th colspan="2">课程一</th>
			</tr>
			<tr class="top">
				<td class="title">第1章</td>
				<td>开学典礼</td>
			</tr>
			<tr>
				<td colspan="2">什么是互联网什么是互联网什么是互联网什么是互联网什么是互联网什么是互联网什么是互联网什么是互联网什么是互联网</td>
			</tr>
			<tr class="top">
				<td class="title">第2章</td>
				<td>开学典礼</td>
			</tr>
			<tr>
				<td colspan="2" height="22"></td>
			</tr>
			<tr class="top">
				<td class="title">第3章</td>
				<td>开学典礼</td>
			</tr>
			<tr>
				<td colspan="2" height="22"></td>
			</tr>
			<tr class="top">
				<td rowspan="3" class="title">第4章</td>
				<td>开学典礼</td>
				
				
			</tr>
			<tr class="top">
				<td>开学典礼</td>
			</tr>
			<tr class="top">
				<td>开学典礼</td>
			</tr>
			<tr>
				<td colspan="2"></td>
			</tr>
		</table>
	</div>
  
 </body>
</html>
